/* 暗黑模式下部分颜色在 /src/assets/style/dark.scss 中修改 */

/* 亮白色 */
html[data-theme="light"] {
    --enco-theme-text: #333; // 文本颜色
    --enco-theme-sub-menu-active-text: #333; // 菜单激活时文本颜色
    --enco-theme-menu-text: rgb(51 51 51 / 90%); // 菜单文本颜色
    --enco-theme-menu-title-hover: #333; // 菜单标题 hover 时文本颜色
    --enco-theme-menu-bg: #fff; // sidebar-container 和 header-bar 的背景色, 一级菜单的背景色置为透明
    --enco-theme-menu-hover: #f6f6f6; // 符合在 --enco-theme-menu-bg 背景时 hover 的背景色, 用于水平或混合模式下右侧按钮 hover 背景色
    --enco-theme-sub-menu-bg: #fff; // 子菜单背景色
    --enco-theme-sidebar-logo: #fff; // logo 背景色
    --enco-theme-menu-active-before: #4091f7; // 激活时装饰的方块颜色
}

/* 黑曜石 */
html[data-theme="obsidian"] {
    --enco-theme-text: #e8e8e8;
    --enco-theme-sub-menu-active-text: #fff;
    --enco-theme-menu-text: rgb(232 232 232 / 75%);
    --enco-theme-menu-title-hover: #fff;
    --enco-theme-menu-bg: #001529;
    --enco-theme-menu-hover: rgb(255 255 255 / 8%);
    --enco-theme-sub-menu-bg: #031a35;
    --enco-theme-sidebar-logo: #001a33;
    --enco-theme-menu-active-before: #474c8a;
}

/* 道奇蓝 */
html[data-theme="default"] {
    --enco-theme-text: #fff;
    --enco-theme-sub-menu-active-text: #fff;
    --enco-theme-menu-text: rgb(255 255 255 / 90%);
    --enco-theme-menu-title-hover: #fff;
    --enco-theme-menu-bg: #001f3f;
    --enco-theme-menu-hover: rgb(64 145 247 / 15%);
    --enco-theme-sub-menu-bg: #122f51;
    --enco-theme-sidebar-logo: #001d38;
    --enco-theme-menu-active-before: #4091f7;
}

/* 罗兰紫 */
html[data-theme="saucePurple"] {
    --enco-theme-text: #fff;
    --enco-theme-sub-menu-active-text: #fff;
    --enco-theme-menu-text: rgb(254 254 254 / 90%);
    --enco-theme-menu-title-hover: #fff;
    --enco-theme-menu-bg: #220e3f;
    --enco-theme-menu-hover: rgb(105 58 201 / 35%);
    --enco-theme-sub-menu-bg: #2d1b4e;
    --enco-theme-sidebar-logo: #1f0c38;
    --enco-theme-menu-active-before: #693ac9;
}

/* 绮罗粉 */
html[data-theme="pink"] {
    --enco-theme-text: #fff;
    --enco-theme-sub-menu-active-text: #fff;
    --enco-theme-menu-text: rgb(254 254 254 / 90%);
    --enco-theme-menu-title-hover: #fff;
    --enco-theme-menu-bg: #4a1f35;
    --enco-theme-menu-hover: rgb(216 68 147 / 15%);
    --enco-theme-sub-menu-bg: #601340;
    --enco-theme-sidebar-logo: #3f0d29;
    --enco-theme-menu-active-before: #d84493;
}

/* 朝阳红 */
html[data-theme="dusk"] {
    --enco-theme-text: #fff;
    --enco-theme-sub-menu-active-text: #fff;
    --enco-theme-menu-text: rgb(254 254 254 / 90%);
    --enco-theme-menu-title-hover: #fff;
    --enco-theme-menu-bg: #4a1f20;
    --enco-theme-menu-hover: rgb(225 60 57 / 15%);
    --enco-theme-sub-menu-bg: #64282d;
    --enco-theme-sidebar-logo: #42090c;
    --enco-theme-menu-active-before: #e13c39;
}

/* 气泡橙 */
html[data-theme="volcano"] {
    --enco-theme-text: #fff;
    --enco-theme-sub-menu-active-text: #fff;
    --enco-theme-menu-text: rgb(254 254 254 / 90%);
    --enco-theme-menu-title-hover: #fff;
    --enco-theme-menu-bg: #632917;
    --enco-theme-menu-hover: rgb(229 104 66 / 12%);
    --enco-theme-sub-menu-bg: #83331c;
    --enco-theme-sidebar-logo: #5a2516;
    --enco-theme-menu-active-before: #e56842;
}

/* 宝石青 */
html[data-theme="mingQing"] {
    --enco-theme-text: #fff;
    --enco-theme-sub-menu-active-text: #fff;
    --enco-theme-menu-text: rgb(254 254 254 / 90%);
    --enco-theme-menu-title-hover: #fff;
    --enco-theme-menu-bg: #042b2b;
    --enco-theme-menu-hover: rgb(89 191 193 / 15%);
    --enco-theme-sub-menu-bg: #1f4a4a;
    --enco-theme-sidebar-logo: #053434;
    --enco-theme-menu-active-before: #59bfc1;
}

/* 酸橙绿 */
html[data-theme="auroraGreen"] {
    --enco-theme-text: #fff;
    --enco-theme-sub-menu-active-text: #fff;
    --enco-theme-menu-text: rgb(254 254 254 / 90%);
    --enco-theme-menu-title-hover: #fff;
    --enco-theme-menu-bg: #123122;
    --enco-theme-menu-hover: rgb(96 172 128 / 15%);
    --enco-theme-sub-menu-bg: #24462e;
    --enco-theme-sidebar-logo: #0f271b;
    --enco-theme-menu-active-before: #60ac80;
}